{% extends 'shippingcart/base_shopcart.html' %}
{% load static %}
{% block shopcart %}
	<!-- 顶部标题 -->
	<div class="bgf5 clearfix">
		<div class="top-user">
			<div class="inner">
				<a class="logo" href="{% url 'goods:index' %}" style="background-image: url({% static 'logo.jpg' %});border-radius: 50%;background-position: center;"></a>
				<div class="title">个人中心</div>
			</div>
		</div>
	</div>
	<div class="content clearfix bgf5">
		<section class="user-center inner clearfix">
			<div class="pull-left bgf">
				<a href="../../../templates/udai_welcome.html" class="title">X袋欢迎页</a>
				<dl class="user-center__nav">
					<dt>帐户信息</dt>
					<a href="../../../templates/udai_setting.html"><dd>个人资料</dd></a>
					<a href="../../../templates/udai_treasurer.html"><dd>资金管理</dd></a>
					<a href="../../../user/templates/user/udai_integral.html"><dd>积分平台</dd></a>
					<a href="../../../templates/udai_address.html"><dd>收货地址</dd></a>
					<a href="../../../templates/udai_coupon.html"><dd>我的优惠券</dd></a>
					<a href="../../../templates/udai_paypwd_modify.html"><dd>修改支付密码</dd></a>
					<a href="../../../templates/udai_pwd_modify.html"><dd>修改登录密码</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>订单中心</dt>
					<a href="../../../order/templates/order/udai_order.html"><dd>我的订单</dd></a>
					<a href="../../../user/templates/user/udai_collection.html"><dd>我的收藏</dd></a>
					<a href="../../../templates/udai_refund.html"><dd>退款/退货</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>服务中心</dt>
					<a href="udai_mail_query.html"><dd class="active">物流查询</dd></a>
					<a href=""><dd>数据自助下载</dd></a>
					<a href="../../../templates/temp_article/udai_article1.html"><dd>售后服务</dd></a>
					<a href="../../../templates/temp_article/udai_article2.html"><dd>配送服务</dd></a>
					<a href="../../../templates/temp_article/udai_article3.html"><dd>用户协议</dd></a>
					<a href="../../../templates/temp_article/udai_article4.html"><dd>常见问题</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>新手上路</dt>
					<a href="../../../templates/temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
					<a href="../../../templates/temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
					<a href="../../../templates/temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
					<a href="../../../templates/temp_article/udai_article8.html"><dd>付款账户</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>X袋网</dt>
					<a href="../../../templates/temp_article/udai_article10.html"><dd>企业简介</dd></a>
					<a href="../../../templates/temp_article/udai_article11.html"><dd>加入X袋</dd></a>
					<a href="../../../templates/temp_article/udai_article12.html"><dd>隐私说明</dd></a>
				</dl>
			</div>
			<div class="pull-right">
				<div class="user-content__box clearfix bgf">
					<div class="title">账户信息-物流查询</div>
					<form action="" class="user-addr__form form-horizontal" role="form">
						<div class="input-group col-sm-6">
							<input class="form-control" placeholder="快递单号" type="text">
							<span class="input-group-btn">
								<button class="btn btn-primary" type="button">查询</button>
							</span>
						</div>
						<div class="help-block">例如，您可以输入：<span class="cr">40105060123</span></div>
						<div class="query-result__box"></div>
						<script>
							$(document).ready(function(){
								// 模拟查询请求
								$('.btn-primary').on('click',function() {
									if ($('.form-control').val() == '40105060123') {
										$('.query-result__box').html('成功查询到数据，返回个html/json在这里展示！');
									} else {
										$('.query-result__box').html(`
											<div class="no-date">
												<p class="cr">很抱歉，您的快递单号暂时没有查询结果！</p>
												<p class="fz12 c6">您可以检查下快递单号是否正确</p>
											</div>
										`);
									}
								});
							});
						</script>
					</form>
				</div>
			</div>
		</section>
	</div>
{% endblock %}
